import React, { Component } from 'react';


class Demo extends Component{
  constructor(props){
    // super()
    // console.log(props); //牛
    // console.log(this); //Demo 组件
    // console.log(this.props); //undefined

    super(props)
    console.log(props); //牛
    console.log(this); //Demo 组件
    console.log(this.props); //牛
  }

  render(){
    console.log(this); // 不管super有没有传入props都是 Demo 组件
    console.log(this.props); // 不管super有没有传入props都是 牛
    return (<h1>Demo组件</h1>)
  }
}


class App extends Component {
  constructor(props){
    super(props)
    console.log(this.props);  //空对象
    console.log(props); //空对象
  }
  render() {
    return (
      <div>
        <Demo msg='牛'></Demo>
      </div>
    );
  }
}

export default App;
